{% extends "base.html" %}
{% load services %}

{% block head %}
    <link rel="stylesheet" type="text/css"
        href="/railroad-static/css/service.css" />
    <script language="javascript" type="text/javascript"
        src="{% url js 'js/service.js' %}"></script>
{% endblock head %}

{% block title %}Service detail: {{host_name}} &gt; {{service_name}}{% endblock %}

{% block header %}
    <h1>
        <a href="{% url railroad.viewhosts.views.hostconfigurator host_name %}"
            class="status_text state_{{ host_state|state_name|lower }}">
            {{host_name}}
        </a> &gt;
        <span class="status_text state_{{ service_state|state_name|lower }}">
            {{service_name}}
        </span>
    </h1>
{% endblock %}

{% block content %}

{% if graphable %}
<div class="data" id="json_services">{{ json_services }}</div>
<div class="graphgrid" id="graphs">
</div>
{% endif %}

<div class="coildisplay">
<h1>Output</h1><pre>{% filter wordwrap:80 %}{{plugin_output}}
{{service_output}}{% endfilter %}</pre><h1>Coil File</h1><pre>{% filter wordwrap:80 %}{{coil}}{% endfilter %}</pre>
</div>

{% endblock %}
